﻿/* 
Theme Name: SEPIS
Version: 1.0
Author:Fuzzco
Author URI: http://www.fuzzco.com
*/

a {outline: none;}
.wf-loading {visibility: hidden;}

body {margin:0;}

.clear {clear:both;}

#container {width:961px; margin:0 auto;}

a { color:#666666; text-decoration:none; }
a:hover { color:#5F7839; text-decoration:underline; }

/*HEADER*/
#header {width:961px; height:210px; border-bottom:1px solid #ddd; margin-top:30px; padding-bottom:15px;}
#header .logo {width:309px; height:160px; display:block; float:left; background:url('../images/logo.png');}
#header .logo:hover {opacity:.8;}
#header #nav {width:652px; float:left; padding-top:145px;}
#header #nav ul {margin:0;}
#header #nav ul li {margin:0 4px 0 0; list-style:none; display:inline;}
#header #nav ul li:last-child {margin:0;}
#header #nav a {color:#666; padding:9px; text-decoration:none; opacity:1; text-transform:uppercase; font:bold normal 11px Helvetica, Arial, Sans-serif;}
#header #nav a.level1:hover {color:#5F7839; opacity:1;}
#header #nav a:active {opacity:.9;}   

/*MAIN CONTENT*/
#main-content {width:961px; overflow:hidden; padding-bottom:30px;}
#main-content .top {text-align:center; margin:0 auto; color:#678C3E; }
#main-content h1 {font:bold normal 25px Helvetica, Arial, Sans-serif;}
#main-content h2 {font:normal normal 15px Georgia, serif; line-height:22px; margin-bottom:40px;}
#main-content .mid {border-top:1px solid #ddd; text-align:center; margin:0 auto;}
#main-content .mid .left, #main-content .mid .right {width:100px; padding:150px 0; height:39px; float:left; -webkit-transition: background 0.2s ease-in;}
#main-content .mid .left:hover, #main-content .mid .right:hover {background:#f9f9f9;}
.button-left, .button-right {display:none;}
.button-left, .button-right {display:block;}
.button-left:hover, .button-right:hover {opacity:.9;}
.button-left:active, .button-right:active {background-position:0 -53px;}
.button-left {width:50px; height:52px; margin:0 auto; background:url('images/button-left.png'); background-position:top;}
.button-right {width:50px; height:52px; margin:0 auto; background:url('images/button-right.png'); background-position:top;}
/*#main-content .mid .middle-image {width:761px; height:339px; float:left; text-align:center; color:#678C3E; font:normal normal 11px Helvetica, Arial, Sans-serif;}
*/
#main-content .bottom {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;}
#main-content .bottom .equipment {width:200px; height:25px; padding-top:8px; color:#678C3E; text-transform:uppercase; margin:20px auto; background:url('../images/equipment-bg.png') repeat-x; font:bold normal 15px Helvetica, Arial, Sans-serif;}

/*INTERIOR PAGES*/
#main-content #left {width:321px; margin-right:30px; float:left;}
#main-content #left .top {text-align:left; height:123px; border-bottom:1px solid #ddd;}
#main-content #left .top h1 {font-size:40px; color:#BDBDBD;}
#main-content #left .left-main {margin:10px 0;color:#999; padding: 20px 0px; font:normal normal 15px/25px Georgia, serif;}

#main-content #right {width:610px; float:left;}
#main-content #right .top {height: 130px; border-bottom:1px solid #ddd;font:normal normal 22px/30px Georgia, serif; padding-top:18px; text-align:left; margin:0;}
#main-content #right .top h2, #main-content #right .top p  {font:normal normal 22px/30px Georgia, serif; padding-top:18px; text-align:left; margin:0;}
#main-content #right .right-main {color:#999; padding: 20px 0px; font:normal normal 15px/25px Georgia, serif;}
#main-content #right .right-main.instrument-list {padding:0 0 20px 0;}
#main-content #right .right-main img {margin:0 0 10px 0;}
#main-content #right .right-main img:hover {opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90);}
#main-content #right .right-main h1 {color:#506B2D; font-size:30px; text-decoration:none; margin:0;}
#main-content #right .right-main .category:hover h1 {text-decoration:underline;}
.manufacturer {overflow:hidden;padding:20px 0;border-bottom:1px solid #ddd;}
.manufacturer-left{float:left;margin:0;}
.manufacturer-right{width:440px;margin:0 0 0 20px;float:left;}

.links-left {margin:20px 0;text-align:center;}
.links-left img:hover {opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90);}
.links-left p {font:normal normal 14px/16px Georgia, serif;color:#999999;}

#product-list {margin:20px 0; border-top:1px solid #ddd;}
#product-list .product {overflow:hidden; color:#999; border-bottom:1px solid #ddd; display:block; text-decoration:none;}
#product-list .product:hover {background:#f9f9f9;}
#product-list .product:active {background:#efefef;}
#product-list .product .left {width:165px; padding:10px; float:left;}
#product-list .product .right {width:421px; float:left;}
#product-list .product .right h2 {font:bold normal 15px/20px Helvetica, Arial, Sans-serif; color:#666; margin:10px 0;}
.price {margin:10px 0; color:#666; font:bold normal 11px/14px Helvetica, Arial, Sans-serif;}
/*.right-main .product-interior-right {width:260px; float:left;}
.right-main .product-interior-left {width:350px; float:left;}     */
.right-main .category {padding:20px 0; border-bottom:1px solid #ddd; display:block; text-decoration:none; color:#999;}
.right-main .category:hover {background:#f9f9f9;}
.right-main .category:active {background:#efefef;}
#main-content #right .right-main h2 {margin:10px 0 0; font:bold normal 20px/25px Helvetica, Arial, Sans-serif;}
#main-content #right .right-main hr {height:1px; border:none; background:#ddd; margin:20px 0 17px;}

/*FOOTER*/
#footer {background:url('../images/footer-bg.gif') repeat-x #95c443; color:#506B2D;padding:0 0 20px 0;}
#footer #footer-inner {width:961px; margin:0 auto; text-align:center;}
#footer #footer-inner .column {width:256px; height:144px; color:#000; margin-top:30px; float:left; text-align:center; font:normal normal 15px/20px Georgia, serif; padding:65px 30px 0;}
#footer #footer-inner .column a {color:#678C3E; font:bold normal 15px Helvetica, Arial, Sans-serif; display:block; margin-bottom:10px;}
#footer #footer-inner .column a:hover {text-decoration:none;}
#footer #footer-inner .column.services {background:url('../images/services-bg.png') no-repeat; margin-right:7px;}
#footer #footer-inner .column.instruments {background:url('../images/instruments-bg.png') no-repeat; margin-right:6px;}
#footer #footer-inner .column.reconditioning {background:url('../images/reconditioning-bg.png') no-repeat;}
#footer #footer-inner .footer-line {width:961px; height:20px; overflow:hidden; margin:20px 0; background:url('../images/double-line.png') repeat-x bottom;}
#footer #footer-inner .footer-line.short {width:595px; height:2px; margin:17px auto 20px; background:url('../images/double-line.png');}
#footer #footer-inner ul {margin:0 auto; padding:0; width:595px;}
#footer #footer-inner ul li {margin:0; display:inline; text-transform:uppercase; list-style:none; font:normal normal 11px Helvetica, Arial, Sans-serif; letter-spacing:.09em;}
#footer #footer-inner ul li:after { content: " / "; }
#footer #footer-inner ul li:last-child:after { content: ""; }

#footer #footer-inner ul li a {color:#506B2D; text-decoration:none;}
#footer #footer-inner ul li a:hover {text-decoration:underline;}
#footer #footer-inner ul li a.current {text-decoration:underline;}
#footer #footer-inner .bottom {font:normal normal 12px Helvetica, Arial, Sans-serif; line-height:17px;}